<%@page import="com.yc.weixin.util.WeixinbasicKey"%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="../js/jquery.page.js"></script>
		<style type="text/css">
			* {
				padding: 0px;
				margin: auto 0px;
			}
			
			body {
				background: #EFEFF4;
			}
			
			article {
				margin-top: -1px;
			}
			
			.image img {
				width: 100%;
				height: 200px;
			}
			
		/* 	.news_list {
				margin-top: 20px;
			} */
						*{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.tcdPageCode{padding: 15px 20px;text-align: left;text-align:center;}
.tcdPageCode a{display: none;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 4px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 4px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
	
		</style>
	</head>

	<body>
		<article>
			<div class="image">
				<img id="headPic"  src="">
			</div>
			<div class="news_list">
				<ul class="mui-table-view">
					<!--<li class="mui-table-view-cell mui-hidden">cared
						<div id="M_Toggle" class="mui-switch mui-active">
							<div class="mui-switch-handle"></div>
						</div>
					</li>-->
					<!-- <li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://www.djkzj.com/uploads/allimg/140410/1_140410164302_1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>市委督导组深入我校进行个别谈话听取意见</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://www.djkzj.com/uploads/allimg/140403/1_140403030829_1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>我校举行教育实践活动专家导学讲座</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/100624/1Q9453492-0.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>03-05我校千名学生团市委“携手迎奥运、共建文明城”启动仪</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://www.djkzj.com/uploads/allimg/140323/1_140323192430_1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>我校党员干部观看《苏联亡党亡国二十年祭》</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://www.djkzj.com/uploads/allimg/140227/1_140227160639_1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>我校召开党的群众路线教育实践活动动员大会</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/120212/22103CC0_lit.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>“学习文明礼仪、倡导优雅言行，创和谐校园” 主题教育活动</p>
							</div>
						</a>
					</li> -->
				</ul>
			</div>
		</article>
		<footer>
			<div class="mui-content-padded">
	
				<div class="tcdPageCode"></div>
			</div>
		</footer>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">

		$(function(){

			$.get("/article/ld/findInit.do",{page:1,rows:6},function(data){
				$("#headPic").attr("src",data.tUrl);
				var str="";
				 $.each(data.rows,function(index,item){
							 str+='<li class="mui-table-view-cell mui-media">';
								 str+='<a href="/article/'+item.aid+'/showmore.do">';
								 str+='<img class="mui-media-object mui-pull-left" src="'+item.picUrl+'"><div class="mui-media-body">';
								 str+='<p class="mui-ellipsis">'+item.title+'</p></div></a></li>';
		        	   });
		        	   $(".news_list ul").html( $(str) );
				$(".tcdPageCode").createPage({
					pageCount:data.total%6==0?data.total/6:Math.floor((data.total/6+1)),
					current:1,
					backFn:function(p){
						//单击回调方法，p是当前页码
						$.get("/article/ld/findArticleBypage.do",{page:p,rows:6},function(data1){
							var str1="";
							 $.each(data1,function(index,item){
										 str1+='<li class="mui-table-view-cell mui-media">';
											 str1+='<a href="/article/'+item.aid+'/showmore.do">';
											 str1+='<img class="mui-media-object mui-pull-left" src="'+item.picUrl+'"><div class="mui-media-body">';
											 str1+='<p class="mui-ellipsis">'+item.title+'</p></div></a></li>';
					        	   });
					        	   $(".news_list ul").html( $(str1) );
						},"json")
					}
				});
			},"json")
		});
		</script>
	</body>

</html>
